
/* basic css */
html, body {height:100%;}
body{font:12px/1.5 Helvetica,Arial,sans-serif;background: #ffffff url(../images/body-bg.png) left top repeat-x;}
#doc, #footer {width:950px;margin:0 auto;color:#000000;}
#doc {min-height:100%;}
#doc {_display:table;_height:100%;}/* fix IE6 sticky footer bug */
a {text-decoration:none;}
a, input, button {outline:none;}
#header, #main {padding-bottom: 60px;}  /* must be same height as the footer */

/* Sticky footer hack for Opera */
body:before {content:"";height:100%;float:left;width:0;margin-top:-32767px;}

/* header */
#header {width:250px;float:left;margin-right:-100%;position:relative;z-index:10;}
#header .link-to {padding: 2px 0 0 12px;background: url(../images/link-to.png) 5px top no-repeat;}
#header .link-to a {font:15px/1.2 Arial;color:#3CAB4A;}
#header .link-to a:hover {text-decoration:underline;}

/* main menu */
.main-menu li {margin: 25px 0 0;position:relative;_zoom:1;_vertical-align: bottom;}/* fix IE6 li bottom white bug */
.main-menu a:link, .main-menu a:visited {display:block;height:30px;width:100px;line-height:30px;padding-left:30px;font-size:20px;color:#000000;background: url(../images/main-menu.png) 0 2px no-repeat;}
.main-menu a:hover, .main-menu a:active {color:#3CAB4A;background-position: 0 -28px;}
.main-menu .current a {color:#3CAB4A;}
.main-menu li .menu-desc {display:none;position:absolute;top:-10px;left:110px;padding-left:30px;background:url(../images/menu-desc.png) left top no-repeat;}
.main-menu li .menu-desc-text {width:280px;border-bottom:1px solid #AFD4F5;padding: 0 0 5px 5px;}
.main-menu li.on .menu-desc{display:block;}

/* main style */
#main {width:100%;float:left;}
.main-wrapper {margin-left:250px;margin-top:100px;position:relative;}
.main-wrapper a:link, .main-wrapper a:visited {color:#1F6CFF;}
.main-wrapper a:hover, .main-wrapper a:active {text-decoration:underline;}

/* page title */
.page-title {margin-bottom:10px;}
.page-title a {display:block;height:21px;text-indent:-9999px;}
.page-title a.people {width:61px;background: url(../images/title-people.png) center center no-repeat;}
.page-title a.projects {width:70px;background: url(../images/title-projects.png) center center no-repeat;}
.page-title a.seminars {width:79px;background: url(../images/title-seminars.png) center center no-repeat;}

/* main content */
.main-content {border-top:1px solid #B7DDFF;border-left:1px solid #B7DDFF;padding: 15px 0 0 15px;}
.main-content.single {padding: 0;}
.content-container {padding:15px;margin-bottom:10px;font-size:13px;position:relative;background-color:#fafafa;}
.content-container:hover {background-color:#f3f3f3;}
.content-container.show {background-color:#ffffff;}
.list li {float:left;width:300px;margin-right:10px;}
.list li.member-list {width:auto;margin:10px 15px 0 0;}
.list li.member-list a {display:block;padding:7px;background-color:#ffffff;}
.list li.member-list img {width:80px;height:80px;}
.list .member-class {font-size:16px;font-weight:bold;color:#3CAB4A;}
.list .more {position:absolute;right:15px;top:15px;}

.main-info {position:relative;}
.main-info .image-info {float:left;width:100px;height:100px;}
.main-info .image-info img {width:100px;height:100px;}
.list .main-info .image-info {width:80px;height:80px;}
.list .main-info .image-info img {width:80px;height:80px;}
.main-info .text-info {float:left;padding-left:15px;width:550px;height:100px;}
.list .main-info .text-info {height:80px;}
.main-info .text-info .name {font-size:18px;position:absolute;top:0;}
.main-info .text-info .misc {position:absolute;bottom:0;}
.prj-box .main-info .text-info {padding-left:0;}
.prj-box .main-info .image-info {padding-left:15px;float:right;}
.list-content .main-info .text-info {width:205px;}

.detail-info {margin-top:15px;padding-top:15px;border-top:1px solid #dddddd;}
.detail-info.sample {display:none;}
.content-container .detail-info {display:none;}
.content-container.show .detail-info {display:block;}
.info-table th, .info-table td {vertical-align:top;padding-bottom:15px;}
.info-table th {width:100px;color:#3CAB4A;text-align:right;}
.info-table td {padding-left:15px;text-align:left;}

.content-container .ctrl-info {position:absolute;top:15px;right:15px;_right:30px;}
.ctrl-info ul {float:right;}
.ctrl-info ul li {float:left;margin-left:10px;}
.ctrl-info .expand {cursor:pointer;}

a.expand {text-indent:-9999px;margin-top:3px;width:21px;height:11px;display:block;background: url(../images/open.gif) center center no-repeat;}
a.expand:hover {background-image: url(../images/open-on.gif);}
.content-container.show a.expand {background-image: url(../images/close.gif);}
.content-container.show a.expand:hover {background-image: url(../images/close-on.gif);}

/* admin ctrl */
.admin-ctrl {position:absolute;top:10px;right:15px;}
.admin-ctrl ul {float:right;}
.admin-ctrl ul li {float:left;margin-left:10px;}

/* footer style */
#footer {clear:both;position: relative;margin-top: -60px;height: 60px;}
#footer .quick-links {padding:5px 0;}
#footer .quick-links a:link, #footer .quick-links a:visited {color:#3BAB4A;}
#footer .quick-links a:hover, #footer .quick-links a:active {text-decoration:underline;}
#footer #copyright {font-size:11px;}

/* Home Page Style */
#home #header {width:500px;}
#home .main-wrapper {margin-left:500px;margin-top:20px;}


/* seminar recent */
.smn-recent {float:right;}
.smn-recent .page-title a {float:right;}
.smn-recent .smn-r-wrapper {position:relative;top:-15px;float:right;}
.smn-recent .smn-r-when {padding:5px 5px 0 0;float:left;width:80px;text-align:right;}
.smn-recent .future, .smn-recent .this-week, .smn-recent .past {*float:left;}/* fix IE6-7 float 3px bug */
.smn-recent .smn-r-list {float:left;padding-left:10px;background: url(../images/smn-recent.gif) 0 0 no-repeat;}
.smn-recent .future .smn-r-list {background-position:0 0;}
.smn-recent .this-week .smn-r-list, .smn-recent .past .smn-r-list {background-position:0 -600px;}
.smn-recent .smn-r-container {width:250px;padding:5px 10px;margin:15px 0 15px 15px;border:1px solid #B7DDFF;}
.smn-recent .future .smn-r-container {border-color:#B7DDFF;}
.smn-recent .this-week .smn-r-container {border-color:#4E8AFF;}
.smn-recent .past .smn-r-container {border-color:#cccccc;}
.smn-recent .smn-r-time {color:#3CAB4A;}
.smn-recent .past .smn-r-time {color:#999999;}
.smn-recent .smn-r-title a {font-size:14px;font-weight:bold;color:#000000;}
.smn-recent .smn-r-title a:hover {text-decoration:underline;}
.smn-recent .smn-r-speaker span {color:#666666;font-size:11px;margin-right:10px;}
.smn-recent .smn-r-speaker a {color:#1F6CFF;}
.smn-recent .smn-r-speaker a:hover {text-decoration:underline;}

/* clearfix */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}
* html .clearfix{zoom:1;}
.clearfix{display:block}

/* common use */
.tsf-u {text-transform:uppercase;}
